<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
		<style type="text/css">
			.pointer {
				cursor: pointer;
			}
			
			.notAllowed {
				cursor: not-allowed;
			}
			*{
				margin: 0px;
				padding: 0px;
				box-sizing: border-box;
				/*取消手机点击选择文本的css*/
				- moz-user-select: -moz-none;
				-moz-user-select: none;
				-o-user-select: none;
				-khtml-user-select: none;
				-webkit-user-select: none;
				-ms-user-select: none;
				user-select: none;
				-webkit-touch-callout： none;
				/*取消手机点击屏幕时，会出现的灰块*/
				-webkit-text-size-adjust: 100%;
				-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
			}
			body {
				/*background-image: url(img/bg1.gif);*/
				background-size: cover;
			}
			
			/*canvas {
				position: absolute;
				left: 100px;
				top: 60px;
			}*/
			
			#succece {
				display: none;
				position: absolute;
				left: 100px;
				top: 60px;
				width: 500px;
				height: 500px;
			}
			
			#succece>img {
				margin-left: 100px;
				margin-top: 140px;
			}
			
			#zier {
				width: 315px;
				height: 193px;
				position: absolute;
				left: 100px;
				top: 140px;
			}
			
			#zier>span {
				display: block;
				margin-top: 40px;
				text-align: center;
				font-size: 30px;
				font-weight: bold;
			}
			
			#clickInit {
				width: 100px;
				height: 40px;
				margin: 30px auto;
				background-color: gold;
				border-radius: 20px;
				text-align: center;
				line-height: 40px;
				cursor: pointer;
			}
			
		</style>
	</head>

	<body>
		<!--<audio src="music/黃順 - 琵琶语.mp3" loop="loop" autoplay="autoplay"></audio>-->
		<audio id="shenli" src="music/五子棋_非盟的胜利.wav"></audio>
		<audio id="xiangxia" src="music/五子棋-向下.wav"></audio>
		<canvas id="mycanvas" width="" height=""></canvas>
		<!--<div id="succece">-->
		<!--<img src="img/游戏结束了.png" />-->
		<!--<div id="zier">
				<span id="who">胜利了</span>
				<div id="clickInit" onclick="repeat()">
					重 来
				</div>
			</div>-->
		<!--</div>-->
		<script src="js/buffer.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/fiveGame.js" type="text/javascript" charset="utf-8"></script>
		<script type="text/javascript">
			var len=getViemMinWidth();
			window.onload = function() {
				var game = new ProxySingletonGame("mycanvas", len, 10,"xiangxia",function(data){
					console.log(data);
					if(data == 0){
						console.log("恭喜挑战成功！");
					}else if(data == 1){
						console.log("失败");
					}else if(data == 2){
						console.log("平局");
					}
					this.restart();
				});
				game.init();
			};
		</script>
	</body>

</html>